@import "../../scss/reset.scss";
@import "../../parts/inc/header.scss";
@import "../../parts/footer/footer.scss";
//活动
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.kvslide .swiper-slide {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide {
    width: 100%;
    height: 100%;
}
.kvslide .slide-left img {
    width: 100%;
}
.slide-nav {
    width: 100%;
    position: relative;
}
.slide {
    width: 100%;
    height: auto;
}
.carousel {
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
//分类
.scene_box1{
    float: left;
    margin: 5px;
    
    .tu{
        position: relative;
        .bg_hover{
            width: 218px;
            height: 120px;
            background: black;
            opacity:0.7;
            position: absolute;
            top: 0;
            display: none;
            p{
                font-size: 24px;
                color: white;
                text-align: center;
                margin-top:30px ;
            }
            span{
                font-size: 16px;
                color: white;
                text-align: center;
                display: block;
                margin-top: 3px;
            }

        }
    }
    &:hover .bg_hover{
        display: block;
    }

}
.scene{
    width: 914px;
    height: 170 px;
    margin: 0 auto;
    padding: 0 200px;
    overflow: hidden;
}
//宣传
.ad-pic{
    width: 1140px;
    height: 356px;
    margin: 0 auto;
}
.vipeak{
    width: 1156px;
    height: 295px;  
    margin: 20px auto 0 auto;
    div{
        float: left;
        margin: 0 6px 0 6px;

    }
}
//男女优选
.chose-nav {
    width: 1140px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    ul{
        margin: 10px 207px 0 207px;
        padding: 0 180px;
        overflow: hidden;
        li{
            display: inline-block;
            float: left;
            width: 64px;
            height: 42px;
            padding: 0 7px;
            margin: 0 50px;
        }
    }
}
.click{
    border-bottom: 2px solid black;
}
.click>a{
    color: black;
}
.recommend{
    width: 1140px;
    height: 558px;
    margin: 13px auto 0 auto;
    overflow: hidden;
    .recommend_nan{
        .nan1{
            float: left;
            margin: 5px;
            .tu2{
            position: relative;
            .bg_b{
                width: 275px;
                height: 527px;
                background:rgba(0, 0, 0, 0.7);
               
                position: absolute;
                top: 0;
                left: 0;
                display: none;
                img{
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto;
                    opacity:1;
                }


            }
        }&:hover .bg_b{
            display: block;
        }
        }
        

    }
}
//轮播图
.jian{
    width: 1140px;
    height: 600px;
    margin: 0 auto;
    position: relative;

    .banner{
        width: 1140px;
        height: 600px;
        margin: 20px auto 0 auto;
        overflow: hidden;
        position: relative;
        ul{width: 400%;
            height: 100%;
            position: absolute;
            li{
                width: 1140px;
                height: 600px;
                display: inline-block;
                float: left;
                list-style-type: none;
            }
        }
        img{
            width: 1140px;
            height: 600px;
            
        }
       
    
    }
    .pre{
        width: 50px;
        height: 50px;
        background: url(../../images/base/zuo.png);
        position: absolute;
        left: -60px;
        top: 300px;

    }
    .next{
        width: 50px;
        height: 50px;
        background: url(../../images/base/you.png);
        position: absolute;
        right: -60px;
        top: 300px;
    }
}

//分页
h3{
    width: 1140px;
    height: 21px;
    margin: 30px auto 30px auto;
    text-align: center;
}
.paging{
    width: 1140px;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    img{
        width: 238px;
        height: 238px;
    }
    .paging_list{
        width: 238px;
        height: 318px;
        padding: 15px;
        border: 1px solid #dddddd;
        margin:0 7px; 
        float: left;
    }
    p{
        text-align: center;
        margin: 10px 0;
    }
    div{
        width: 140px;
        height: 20px;
        padding: 0 85px;
    }
}
.pageNumber{
    width: 1140px;
    height: 50px;
    margin: 0 auto;
    .page{
        width: 305px;
        height: 50px;
        margin: 0 auto;
        li{
            float: left;
            cursor:pointer;
            width: 45px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            margin: 0 8px;
        }
    }
}